<template>
  <div class="advantages-cooperation">
    <slot></slot>

    <div class="content">
      <div class="item" v-for="(item, index) in advantagesList" :key="index">
        <img :src="item.src" alt="" />
        <p>{{ item.p1 }}</p>
        <p>{{ item.p2 }}</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "AdvantagesCooperation",
  data() {
    return {
      advantagesList: [
        {
          src:
            "http://www.guohuihr.cn/uploadfile/2020/1104/4943411596fad97.png",
          p1: "招聘 解聘",
          p2:
            "残疾人招聘、解聘、降低用工风险,减少劳动争议,提高企业效益和企业核心竞争力",
        },
        {
          src:
            "http://www.guohuihr.cn/uploadfile/2020/1104/56da7cbcead83c0.png",
          p1: "降低成本",
          p2: "降低 成本，提高运营效率，节省软硬件支出成本",
        },
        {
          src:
            "http://www.guohuihr.cn/uploadfile/2020/1104/895b557c2b9d7cc.png",
          p1: "审核",
          p2: "为企业提供安置残疾人一站式申报审核服务",
        },
        {
          src:
            "http://www.guohuihr.cn/uploadfile/2020/1104/72372cc2fb534b4.png",
          p1: "优化企业编制",
          p2: "优化企业人员编制,无需专门设置岗位,用工更灵活",
        },

        {
          src:
            "http://www.guohuihr.cn/uploadfile/2020/1104/602fa8438864b5f.png",
          p1: "提升工作效率",
          p2: "精HR工作内容,避免杂事乱事财务",
        },
        {
          src:
            "http://www.guohuihr.cn/uploadfile/2020/1104/15247f8d558196c.png",
          p1: "响应政策",
          p2: "响应国家政策号召、助残就业,助企降本、提升企业形象",
        },
      ],
    };
  },
};
</script>
<style lang="less" scoped>
.advantages-cooperation {
  width: 100%;
  height: 566px;
  background-image: url("../../../assets/img/security/cbj3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  .content {
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    
    .item {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-direction: column;
      padding: 0 1%;
      width: 30%;
      color: #fff;
      font-size: 14px;
      img {
          width: 60px;
          margin-top: 5%;
      }
      p {
          margin: 3%;
      }
    }
  }
}
</style>